<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新手指引</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" /><!-- 引入bootstrap样式文件 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"><!-- 引入bootstrap图标库 -->
		<link rel="stylesheet" type="text/css" href="css/introduce.css"/><!-- 引入我自己写的样式文件 -->
	</head>
	<body data-spy="scroll" data-target="#slider-bar" data-offset="100">
		<!-- 滚动监听的固定侧边栏 -->
		<div class="slider-bar" id="slider-bar">
			<ul class="navbar-nav mr-auto ">
				<li class="nav-item mx-lg-4"><img src="img/lol.png" class="ml-1"><a href="#introduce1"
						class="nav-link active">联盟简介</a></li>
				<li class="nav-item mx-lg-4"><img src="img/book.png" class="ml-2"><a href="#introduce2"
						class="nav-link">游戏详情</a></li>
				<li class="nav-item mx-lg-4"><img src="img/riot.png" class="ml-2"><a href="#introduce3"
						class="nav-link">上手难度</a></li>
				<li class="nav-item mx-lg-4"><img src="img/comm-spr.png" class="ml-2"><a href="#introduce4"
						class="nav-link">电竞风潮</a></li>
			</ul>
		</div>
		<!-- 导航栏 -->
		<div class="fixed-top" style="background-color: rgb(0, 0, 0,0.5);">
			<nav class="navbar navbar-expand-xl navbar-dark">
				<a class="navbar-brand mx-auto" href="index.html"><img src="img/logo-public.png" title="返回官网"></a>
			</nav>
		</div>
		<!-- 轮播图 -->
		<div class="carousel slide carousel-fade" data-ride="carousel" data-interval="1500" id="sample2">
			<!-- 轮播图内容 -->
			<div class="carousel-inner">
				<!-- 内容1 -->
				<div class="carousel-item active">
					<img src="img/pbzw.jpg" class="w-100">
					<!-- 字幕 -->
					<div class="carousel-caption" style="opacity: 0.7;">
						<h3>破败之王 佛耶戈</h3>
						<p>世界将我无情毁弃。现在，我将以痛报之。永失吾爱，举目破败。</p>
					</div>
				</div>
				<!-- 内容2 -->
				<div class="carousel-item">
					<img src="img/ak.jpg" class="w-100">
					<!-- 字幕 -->
					<div class="carousel-caption" style="opacity: 0.7;">
						<h3>时间刺客 艾克</h3>
						<p>我宁愿犯错，也不愿什么都不做。</p>
					</div>
				</div>
				<!-- 内容3 -->
				<div class="carousel-item">
					<img src="img/jfjh.jpg" class="w-100">
					<!-- 字幕 -->
					<div class="carousel-caption" style="opacity: 0.7;">
						<h3>疾风剑豪 亚索</h3>
						<p>且随疾风前行，身后亦需留心。</p>
					</div>
				</div>
				<!-- 内容4 -->
				<div class="carousel-item">
					<img src="img/yongen.jpg" class="w-100">
					<!-- 字幕 -->
					<div class="carousel-caption" style="opacity: 0.7;">
						<h3>封魔剑魂 永恩</h3>
						<p>如果面具戴的够久，你就会忘了后面那张脸。</p>
					</div>
				</div>
				<!-- 内容3 -->
				<div class="carousel-item">
					<img src="img/zhaoxin.jpg" class="w-100">
					<!-- 字幕 -->
					<div class="carousel-caption" style="opacity: 0.7;">
						<h3>德邦总管 赵信</h3>
						<p>一点寒芒先到，随后枪出如龙。</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 主体 -->
		<div class="container">
			<hr style="border: 2px solid rgb(0,168,135)">
			<!-- 响应式图像 -->
			<div class="row py-5 border-bottom" id="introduce1">
				<div class="col-md-4">
					<img src="img/logo-public.png" class="w-100">
				</div>
				<div class="col-md-8">
					<h1>什么是英雄联盟？</h1>
					<p class="text-secondary">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;英雄联盟（League of
						Legends）是由美国Riot
						Games开发，腾讯游戏运营的全新英雄对战网游。英雄联盟的主创团队由各著名游戏公司的核心美术、策划、程序人员组成，他们打造了游戏中风格特色各异的英雄，加入更加丰富的物品合成系统、地图玩法、天梯匹配机制，以及独创的“召唤师”技能、符文、天赋组合，让玩家感受不一样的英雄对战网游。
					</p>
					<p class="text-secondary">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在游戏中，玩家将扮演一位召唤者，并选择你所信任的联盟国进入这个游戏的正义领域，为了控制瓦罗然的权利而奋战。在这个联盟中只有一条规则：胜者就是一切！
					</p>
				</div>
			</div>

			<div class="row py-5 border-bottom" id="introduce2">
				<div class="col-md-8">
					<h1>全新英雄对战网游</h1>
					<p class="text-secondary">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;英雄联盟中拥有的海量英雄及皮肤让人印象深刻——这些英雄不仅在外观上风格迥异，甚至个个都有自己独特的性格和脾气，例如：正气凛然的无畏先锋军团领袖—德玛西亚之力盖伦、意志坚强的弗雷尔卓德部族领袖—寒冰射手艾希、乐于钻研的魔法学者—流浪法师瑞兹……除此之外，你还可以在英雄联盟中看到代表不同地域文化特色的角色或皮肤，其中包括中国武术大师、北欧冰雪巨人、日本忍者、古埃及神话角色等。
					</p>
					<p class="text-secondary">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在游戏中，身为召唤师的玩家在每局游戏中都将召唤一位英雄帮助自己进行战斗。目前已经有许多英雄协助他们达成目标，在英雄联盟中完成各自心中的正义之战！我们也深信，在英雄联盟超过100位英雄中，总有一个是合适你的！
					</p>
					<p class="text-secondary">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在游戏中，身为召唤师的玩家在每局游戏中都将召唤一位英雄帮助自己进行战斗。目前已经有许多英雄协助他们达成目标，在英雄联盟中完成各自心中的正义之战！我们也深信，在英雄联盟超过100位英雄中，总有一个是合适你的！
					</p>
					<p class="text-secondary">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：英雄联盟每周有13位免费英雄可供使用。</p>
					<br>
					<p><span class="button">寻找喜爱的英雄</span><span class="button ml-5">查看所有英雄</span></p>
				</div>
				<div class="col-md-4 mt-5">
					<img src="img/introduce2.jpg" class="w-100">
				</div>
			</div>

			<div class="row py-5 border-bottom" id="introduce3">
				<div class="col-md-4">
					<img src="img/introduce3.jpg" class="w-100">
				</div>
				<div class="col-md-8">
					<h1>真正的易于上手 难于精通</h1>
					<p class="text-secondary">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;英雄联盟非常注重游戏上手难度，我们希望让更多用户能够快速了解它，进而认识它，并且爱上它。与传统的英雄对战网游相比，英雄联盟取消了“反补”、“英雄死亡掉落金钱”、“法球效果”等设定，在保留游戏核心玩法的基础上，加入更易特色的召唤师技能、符文、天赋，以及更便捷的匹配机制，让英雄联盟真正变得“易于上手”。
					</p>
					<p class="text-secondary">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;与此同时，召唤师技能、符文、天赋搭配带来的可变性让每一位玩家都能按照自己的风格打造英雄，而英雄联盟本身所要求的团队协作能力以及竞技性让它极具可玩性，想成为高手可不是什么简单的事。
					</p>
				</div>
			</div>

			<div class="row py-5" id="introduce4">
				<div class="col-md-8">
					<h1>引领电子竞技风潮</h1>
					<p class="text-secondary">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作为全球最火的电子竞技游戏之一，英雄联盟在2013年10月结束的第三赛季（S3）世界总决赛上创造了新的记录，来自世界各地的14支顶尖战队共同争夺2,000,000美元奖金以及世界冠军的荣誉，中国战队“皇族”在决赛中不敌韩国“SKT”，最终夺得亚军。据统计，共有超过3200万的玩家通过网络、数字电视等方式观看了比赛。
					</p>
					<p class="text-secondary">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在中国，由腾讯打造的英雄联盟职业联赛（LOL Pro
						League，简称LPL）同样万众瞩目，这里代表了中国的英雄联盟最高竞技水平。在比赛期的每个周末，你都能欣赏到由WE、OMG、iG、皇族等知名职业战队带来的精彩对决。对所有职业选手而言，这里是梦想的殿堂！
					</p>
				</div>
				<div class="col-md-4">
					<img src="img/introduce4.jpg" class="w-100">
				</div>
			</div>
		</div>
		<!-- 页底版权 -->
		<div style="background-color: rgb(227,226,226);" class="py-5 mt-5">
			<div class="container">
				<div class="row">
					<div class="col-md-4 pt-5">
						<img src="img/logo2.png">
						<img src="img/logo3.png">
					</div>
					<div class="col-md-8 pt-3">
						<p style="font-size: 16px; color: rgb(159,147,120);">
							腾讯互动娱乐|服务条款|隐私保护指引|儿童隐私保护指引|腾讯游戏招聘|腾讯游戏客服|游戏列表|广告服务及商务合作<br>
							腾讯公司版权所有&nbsp;&nbsp;网络游戏行业防沉迷自律公约<br>
							COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.<br>
							COPYRIGHT © 2012 Riot Games,Inc. ALL RIGHTS RESERVED.<br>
							本网络游戏适合16+岁的用户使用；为了您的健康，请合理控制游戏时间。<br>
							深圳市市场监督管理局企业主体身份公示工商网监电子标识 |粤网文[2020]3396-195号|（署）网出证（粤）字第054号<br>
							批准文号：新出审字[2011]310号 |文网进字[2011] 004号 | 出版物号：ISBN 978-7-89989-145-2|全国文化市场统一举报电话：12318</p>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			console.log("朱力维版权所有")
		</script>
	</body>
</html>
